<!--
    @auther: bypanghu<bypanghu@163.com>
    @date: 2024/5/8
!-->

<template>
  <div>
    <el-table :data="tableData" stripe style="width: 100%">
      <el-table-column prop="ranking" label="排名" width="80" align="center" />
      <el-table-column prop="title" label="卷宗名称" show-overflow-tooltip>
        <template #default="{ row }">
          <a class="text-active" :href="row.link" target="_blank">{{
            row.title
          }}</a>
        </template>
      </el-table-column>
      <el-table-column prop="click_num" label="关注度" width="100" />
      <el-table-column prop="hot" label="热度值" width="100" />
    </el-table>
  </div>
</template>

<script setup>
const tableData = [
  {
    ranking: 1,
    title: '被告人谢某浩、陈某旺诈骗、偷越国（边）境、被告人林某掩饰、隐瞒犯罪所得案',
    click_num: 523,
    hot: 263,
    link: 'https://plugin.gin-vue-admin.com/#/layout/newPluginInfo?id=36'
  },
  {
    ranking: 2,
    title:
      '被告人向某星等24人诈骗、组织他人偷越国（边）境、偷越国（边）境案',
    click_num: 416,
    hot: 223,
    link: 'https://plugin.gin-vue-admin.com/#/layout/newPluginInfo?id=42'
  },
  {
    ranking: 3,
    title:
      '被告人曾某、钟某华、王某等67人诈骗、偷越国（边）境、帮助信息网络犯罪活动、掩饰、隐瞒犯罪所得、引诱他人吸毒案',
    click_num: 337,
    hot: 176,
    link: 'https://plugin.gin-vue-admin.com/#/layout/newPluginInfo?id=67'
  },
  {
    ranking: 4,
    title:
      '被告人高某诈骗“高薪”引诱，偷渡至缅甸加入电信网络诈骗犯罪集团案',
    click_num: 292,
    hot: 145,
    link: 'https://plugin.gin-vue-admin.com/#/layout/newPluginInfo?id=69'
  },
  {
    ranking: 5,
    title: '被告人杨某石诈骗、被告人魏某掩饰、隐瞒犯罪所得案',
    click_num: 173,
    hot: 110,
    link: 'https://plugin.gin-vue-admin.com/#/layout/newPluginInfo?id=28'
  }
]
</script>

<style scoped lang="scss"></style>
